<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>JQueryUI - Tabs</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
        <link type="text/css" href="../css/themes/ui-lightness/jquery-ui-1.8.18.custom.css" rel="Stylesheet" />
        <link type="text/css" href="../css/themes/base/jquery.ui.all.css" rel="Stylesheet" />
        <script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.18.custom.min.js"></script>   
        <script>
            $(function() {
                $("#tabs").tabs();
            })
            
        </script>
    </head>
    <body>
        <div class="demo"></div>
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">탭1</a></li>
                <li><a href="#tabs-2">탭2</a></li>
                <li><a href="#tabs-3">탭3</a></li>
            </ul>
            <div id="tabs-1">
                <p>탭1 입니다요!</p>
            </div>
            <div id="tabs-2">
                <p>탭2 입니다요!</p>
            </div>
            <div id="tabs-3">
                <p>탭3 입니다요!</p>
            </div>            
        </div>
        
        
<div class="demo-description" style="display: none; ">
<p>Click tabs to swap between content that is broken into logical sections.</p>
</div><!-- End demo-description -->        
    </body>
</html>
